/* ---------公共样式---------- */
body{
    margin:0;
    background-color: rgb(230, 142, 142);
}
/* 行内块公共样式 */
.line{
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}
/* 版心公共样式 */
.container{
    width: 1300px;
    margin:0 auto
}
/* -----------头部样式------------- */
header{
    height: 60px;
    background-color: rgb(150, 199, 169);
}
.head{
    background-color: rgb(169, 160, 202);
    font-size: 0;
}
.logo{
    height: 60px;
    width: 60px;
    background-color: rgb(173, 67, 67);

}
header nav{
    height: 60px;
    width: 500px;
    background-color: rgb(14, 102, 102);
    margin-left:100px
}
header .user{
    width: 100px;
    height: 60px;
    background-color: rgb(57, 146, 97);
    margin-left:540px
}
/* --------banner信息----------- */
.banner{
    height: 600px;
    background-color: rgb(109, 194, 109);
}
/* -------------主体内容main------ */
main{
    background-color: rgb(15, 88, 131);
    /* height: 500px; */
    padding:30px

}
main section{
    /* width: 600px; */
    height: 200px;
    background-color: rgb(102, 160, 133);
    margin-top:20px;
    
}
/* --------脚部------- */
footer{
    height: 60px;
    background-color: rgb(54, 50, 50);
}